<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="baidu-tc-cerfication" content="d0fcb6c290f799d6921e9a455bad9273">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>玩法规则</title>
    <link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />
    <link href="__TEMPLATE__/sysme/css/game_mobile.css" rel="stylesheet" type="text/css" />
    <link href="__TEMPLATE__/mobile/index/css/betting.css" rel="stylesheet" type="text/css">
    <link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />

	
    <script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/sysme/js/layer.js"></script>
    <script src="__TEMPLATE__/sysme/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/sysme/js/scroll_common_mobile.js"></script>
    <script src="__TEMPLATE__/sysme/js/lobby_common_mobile.js"></script>
	<script src="__TEMPLATE__/sysme/js/getTime.js" type="text/javascript" charset="utf-8"></script>
    <script src="__TEMPLATE__/sysme/js/tool_scroll_game.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/mobile/index/js/betting.js"></script>
<!-- 	<script type="text/javascript" src="__TEMPLATE__/mobile/index/js/yaoyiyao.js"></script> -->
<!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
		
  </head>
<style type="text/css">
.container {
    width: 100%;
    padding: 0px;
}
.user_list {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px Solid #F3F3F3;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}
.user_list table {
    width: 100%;
    text-align: center;
    border: none;
    border-collapse: collapse;
}
.user_list table thead {
    background: rgb(247,247,247);
    padding: 20px;
    line-height: 40px;
    color: #626262;
}

	.pull-right {
    width: 30%;
    float: right;
    font-weight: normal;
    position: relative;
}
.user_list table tbody {
    color: #999;
}
.user_list table tbody .user_name {
    font-size: 15px;
    color: #00a0e9;
}
.user_list table tbody tr td {
    border-bottom: 1px Solid #ccc;
    padding: 20px 0px;
}
.user_list table tbody .foor {
    color: #ff7c34;
}

.slide_mask {
    position: fixed;
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    z-index: 900;
}
.slide_mask .slide_menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f3f3f3;
    max-height: 240px;
    box-sizing: border-box;
}
.slide_mask .slide_menu .container {
    max-height: 210px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow: hidden;
    -webkit-overflow-y: auto;
}


.container {
    width: 100%;
    padding: 0px;
}

.slide_mask .slide_menu .slide_menu_item {
    border-bottom: 1px SOlid #DDD;
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #666;
}
.slide_mask .slide_menu .slide_menu_item:last-child {
    border-bottom: none;
}
</style>

  <body>
	    <div class="title fud" style="background:#d91d36;height:40px;line-height:40px;">
					 <a onclick="window.history.go(-1);"
					 style="float:left;color:white;margin-left:-2%;font-size:0.98rem;width: 50px;">
	    	<span id="header_touzhu">
	            <img src="__TEMPLATE__/mobile/index/img/blank_01.png" style="width: 76%;">
	    	</span>
	    	</a>
	    	<div style="width: 213px;margin: 7px auto;position: absolute;left: 40%;height: 40px;">
	  				<div id="qhczs_1" style="font-size: 20px;line-height: 25px;text-align: left;color: white;font-weight: normal;">下级管理</div>
	  				
	  			</div>
	  			
	    </div>
	  		
	  		
	  		<div class="container" style="margin-top: 40px;">
			<div class="user_list">
				<table>
					<thead>
						<tr>
							<td>账号</td><td>类型</td><td>登陆时间</td><td>返点</td><td>下级人数</td>
						</tr>
					</thead>
					<tbody id="data_content">
					{foreach ($user as $v)}
						<tr class="fade_windos" data-key="0" data-name="cm12345" data-actype="代理" data-id="126089" data-count="0">
						<td class="user_name">{$v.username}</td><td class="dlhy">{if($v.dl=='1')}代理{else/}会员{/if}</td><td class="foor">{$v.login_time|date="Y-m-d",###}</td>
						<td>{$v.fandian}</td>
						<td class="count">{$v.rs.count}</td>
						</tr>
					{/foreach}	
					</tbody>

				</table>
				
			</div>
		</div>

	 	<div class="slide_mask" id="next_username" data-target="filter_utype" style="display: none;">
			<div class="slide_menu">
				<div class="container">
					<div class="slide_menu_item user_name" style="color:#00a0e9;" id="us_name">cm12345</div>
					
					<div class="slide_menu_item find_xiaji" style="display: none;">查看下级</div>
					<div class="slide_menu_item return_shangji" style="display: none;">返回上级</div>
					<div class="slide_menu_item ">取消</div>
				</div>
			</div>
			
	</div>
</body>
</html>



    
<script type="text/javascript">
	
	$(".slide_mask").click(function(){
		$("#next_username").css('display','none');
	})
	$("#data_content").children('.fade_windos').click(function(){
		var a = $(this).children('.user_name').html();
		var b = $(this).children('.count').html();
		var dl = $(this).children('.dlhy').html()
		if(dl=='代理'){
			$('#next_username').css('display','block');
		}
		$('#us_name').html(a);
		if(b>0){$('.find_xiaji').css('display','block')}
		$('.find_xiaji').click(function(){
			window.location.href="{:url('member/xiajiguanli')}?user="+a;
		})
	})
	
	
	
</script>


